<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>注册</title>
    <link rel="stylesheet" th:href="@{/static/css/layui.css}" />
    <style>
        .exist_msg{color: red;width: 100px;display: none;margin-left: -30px}
    </style>
</head>
<body style="background-color: #66e8dc;">
    <div>
        <input id="butt" type="button" hidden />
    </div>
    <div style="display: none;" id="gb">
        <form class="layui-form" method="post">

            <div class="layui-form-item">
                <label class="layui-form-label">用户名</label>
                <div class="layui-input-inline">
                    <input type="text" name="uAccount" id="account" required lay-verify="required|account" placeholder="请输入用户名" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label exist_msg"></label>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">密码</label>
                <div class="layui-input-inline">
                    <input type="password" name="uPassword" required lay-verify="required|pwd" placeholder="请输入密码" autocomplete="off" class="layui-input" id="pass1">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">确认密码</label>
                <div class="layui-input-inline">
                    <input type="password" name="passwords" required lay-verify="pwd" placeholder="请再次输入密码" autocomplete="off" class="layui-input" id="pass2">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">真实姓名</label>
                <div class="layui-input-inline">
                    <input type="text" name="uName" required lay-verify="required|truename" placeholder="请输入您的姓名" autocomplete="off" class="layui-input uName">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <input type="radio" name="uSex" class="uSex" value="0" title="男" checked>
                    <input type="radio" name="uSex" class="uSex" value="1" title="女" >
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">出生日期</label>
                    <div class="layui-input-inline">
                        <input type="text" class="layui-input" name="uBirthday" id="birthday"  autocomplete="off" lay-verify="complete_date"  placeholder="yyyy-MM-dd">
                    </div>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">手机号</label>
                <div class="layui-input-inline">
                    <input type="text" name="uPhone" required lay-verify="required|phones" placeholder="请输入手机号" autocomplete="off" class="layui-input uPhone">
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">邮箱</label>
                <div class="layui-input-inline">
                    <input name="uEmail" class="layui-input uEmail" type="text" autocomplete="off" placeholder="请输入邮箱" lay-verify="required|email">
                </div>
                <div class="layui-input-inline">
                    <button type="button" class="layui-btn codeBtn" style="display: inline">发送验证码</button>
                </div>
            </div>

            <div class="layui-form-item">
                <label class="layui-form-label">邮箱验证码</label>
                <div class="layui-input-inline">
                    <input name="uCode" class="layui-input uCode" type="text" autocomplete="off" placeholder="请输入验证码" lay-verify="required">
                </div>
            </div>

            <div class="layui-form-item">
                <div class="layui-input-block">
                    <button class="layui-btn" lay-submit lay-filter="formDemo">立即提交</button>
                    <button type="reset" class="layui-btn layui-btn-primary">重置</button>
                </div>
            </div>
        </form>

    </div>


    <script type="text/javascript" th:src="@{/static/js/jquery-3.2.1.min.js}"></script>
    <script type="text/javascript" th:src="@{/static/layui.all.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/login/register.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/user/userExits.js}"></script>
    <script type="text/javascript" th:src="@{/static/js/validation.js}"></script>
</body>
</html>